<div class="table">
    <!-- 头部Table -->
    <nz-table #nestedTable style="border-collapse:collapse;border-radius:4px 4px 0px 0px;" [nzData]="selectData"
        class="designTable" [nzShowPagination]='false' [nzScroll]="{x:'3420px',y:'710px'}">
        <thead class="tableHeard" style="text-align: center !important;color: #ffffff;height: 50px;">
            <tr style="text-align: center !important;">
                <th nzWidth="50px"></th>
                <th nzWidth="50px"></th>
                <th nzWidth="50px"></th>
                <th nzWidth="50px"></th>
                <th nzWidth="50px" nzShowExpand></th>
                <th nzWidth="250px">工聯單號</th>
                <th nzWidth="150px">數量</th>
                <th nzWidth="250px">材質</th>
                <th nzWidth="250px">工件尺寸</th>
                <th nzWidth="130px">
                    <ng-container>
                        <button nzTrigger="click" nz-button nz-dropdown [nzDropdownMenu]="menu4" class="state">工單狀態
                            <i nz-icon nzType="down"></i>
                        </button>
                        <nz-dropdown-menu #menu4="nzDropdownMenu">
                            <ul nz-menu class="dropdownMenu" *ngFor="let item of checkBoxStatus">
                                <li nz-menu-item style="color:#ffffff;" class="Li">
                                    <input class="doing" type="checkbox" (click)="doingForm(item)"
                                        [(ngModel)]="item.checked" /> {{item.title}}
                                </li>
                            </ul>
                        </nz-dropdown-menu>
                    </ng-container>
                </th>
                <!-- 机种 -->
                <th nzWidth="200px">機種</th>

                <!-- 治具名称 -->
                <th nzWidth="230px">治具名稱</th>
                <th nzWidth="230px">19碼</th>
                <th nzWidth="150px">
                    <ng-container>
                        <button nzTrigger="click" nz-button nz-dropdown [nzDropdownMenu]="menu" class="state">CNC機台
                            <i nz-icon nzType="down"></i>
                        </button>
                        <nz-dropdown-menu #menu="nzDropdownMenu">
                            <ul nz-menu class="dropdownMenu" *ngFor="let data of selectStatus">
                                <li nz-menu-item style="color:#ffffff;padding:10px 20px 10px 15px;" class="cncLi">
                                    <!-- <input class="doing" type="checkbox" (click)="selCNC(data)" [(ngModel)]="data.checked" /> -->
                                    {{data}}
                                    <a class="CNCname" (click)="btn_CNC(data)"></a>
                                </li>
                            </ul>
                        </nz-dropdown-menu>
                    </ng-container>
                </th>
                <th nzWidth="150px">加工期限</th>
                <!-- 預計時間 -->
                <th nzWidth="150px">預計時間</th>
                <th nzWidth="200px">編程備註</th>
                <th nzWidth="200px">退單備註</th>
                <!-- 填單人姓名 -->
                <th nzWidth="150px">填單人姓名</th>
                <!-- 申請部門負責人 -->
                <th nzWidth="150px">申請部門負責人</th>
                <!-- 送貨區域 -->
                <th nzWidth="150px">送貨區域</th>
                <th>治具交期</th>
            </tr>
        </thead>
        <!-- 工联单Table -->
        <tbody class="tablecontent">
            <ng-container *ngFor="let item of selectData let key = index">
                <tr id="first" style="text-align: center !important;">
                    <td style="padding-left: 4px">
                        <a *ngIf="item.tip == 1" class="new"></a>
                        <a *ngIf="item.tip == 2" class="warning"></a>
                    </td>
                    <td>
                        <a class="attich" (click)="downLoad(item)"></a>
                    </td>
                    <td>
                        <a class="del" (click)="showModal(item)" [hidden]="item.status !== 0"></a>
                    </td>
                    <td>
                        <a class="send" (click)="send(item)" title="送出"></a>
                    </td>
                    <td nzShowExpand [(nzExpand)]="item.expand" style="color: rgba(0,0,0,1)"
                        (nzExpandChange)="QueryWorkOrder(key)"></td>
                    <!-- 工聯單號 -->
                    <td class="fontColor" style="text-align: left;cursor:pointer;text-decoration:underline;"
                        (click)="showCNC(item)" title="{{item.union_order}}">
                        {{item.union_order}}
                    </td>
                    <td>{{item.quatity}}</td>
                    <td></td>
                    <td></td>

                    <!--工單狀態  -->
                    <td>{{item.status === 0 ? '進行中' : (item.status === 1 ? '已完成' : '已取消')}}</td>
                    <!-- 机种 -->
                    <td style="text-align: center;">{{item.machine_type}}</td>
                    <!-- 治具名称 -->
                    <td title="{{item.name}}">
                        <span
                            style="text-overflow: -o-ellipsis-lastline;overflow: hidden; text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 1;line-clamp: 1;-webkit-box-orient: vertical; cursor:pointer;max-width:230px;text-align: left;">
                            {{item.name}}
                        </span>
                    </td>
                    <!-- 19码悬浮框 -->
                    <td class="fontColor" *ngIf="item.code19.split(',')[1]" style=" text-indent: 20px;text-align: left;"
                        title={{item.code19.split(splitJudge)[0]}}~{{item.code19.split(splitJudge)[1]}}>
                        <a class="add19code" *ngIf=" !item.code19 || item.code19 === ',' || item.code19 === ''"></a>
                        {{item.code19.split(",")[0]}}
                    </td>
                    <td class="fontColor" *ngIf="!item.code19.split(',')[1]"
                        style=" text-indent: 20px;text-align: left;">
                        <a class="add19code" *ngIf=" !item.code19 || item.code19 === ',' || item.code19 === ''"></a>
                        {{item.code19.split(",")[0]}}
                    </td>
                    <!-- CNC機台 -->
                    <td class="fontColor"> </td>

                    <!-- 編程期限 -->
                    <td class="fontColor"></td>
                    <!-- 預計時間 -->
                    <td class="fontColor"></td>
                    <!-- {{item.design_end_date === 'null' ? '' : item.design_end_date}} -->
                    <!-- 編程備註 -->
                    <td style="overflow: hidden; text-overflow: ellipsis;white-space: nowrap;cursor:pointer;">
                    </td>
                    <!--退單備註  -->
                    <td style="overflow: hidden; text-overflow: ellipsis;white-space: nowrap;cursor:pointer;">
                    </td>
                    <!-- 填單人姓名 -->
                    <td>{{item.apply_person}}</td>
                    <!-- 申請部門負責人 -->
                    <td>{{item.applyDeptPIC}}</td>
                    <!-- 送貨區域 -->
                    <td>{{item.delivery_addr}}</td>
                    <!-- 開始時間 -->
                    <!-- 治具交期 -->
                    <td>{{item.delivery_date}}</td>
                </tr>
                <tr [(nzExpand)]="item.expand">
                    <td colspan="22" style="padding-left:0rem !important;">
                        <!-- 展开治具Table -->
                        <nz-table #innerTable [nzData]="workData[key]" nzSize="middle" [nzShowPagination]="false">
        <tbody class="downData">
            <ng-container *ngFor="let item2 of workData[key] let aaa = index">
                <tr id="second" style="text-align: center !important;">
                    <td style="width:50px;" *ngIf="item2.end_date == ''">
                        <a class="new"></a>
                    </td>
                    <td style="width:50px;" *ngIf="item2.end_date != ''">
                        <a *ngIf="item2.remark != ''" class="warning"></a>
                    </td>
                    <td style="width:50px;"></td>
                    <td style="width:50px;"></td>
                    <td style="width:50px;"></td>
                    <td *ngIf="item2.chaidan==1" nzShowExpand [(nzExpand)]="item2.expand"
                        style=" width:50px;color: rgba(48,73,77,1)" (nzExpandChange)="QueryWorkOrder2(item2,key,aaa)">
                    </td>
                    <td *ngIf="item2.chaidan!=1" style=" width:50px;color: rgba(48,73,77,1)"></td>
                    <!-- <td style="width:50px;" *ngIf="item2.chaidan=='1'"></td> -->
                    <td style="width:230px;text-align: left;" title="{{item2.sheet_order}}">
                        <span
                            style=" text-overflow: -o-ellipsis-lastline;overflow: hidden; text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 1;line-clamp: 1;width: 250px;">{{item2.sheet_order}}</span>
                    </td>
                    <td style="width:150px;">{{item2.quatity_total}}</td>
                    <td style="width:250px;" title="{{item2.stuff}}"><span
                            style=" white-space:nowrap;overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1;line-clamp: 1;width: 250px; ">{{item2.stuff}}</span>
                    </td>
                    <td style="width:250px;"
                        *ngIf="item2.size_length!=undefined&&item2.size_width!=undefined&&item2.size_height!=undefined">
                        {{item2.size_length+"*"+item2.size_width+"*"+item2.size_height}}</td>
                    <td style="width:250px;"
                        *ngIf="item2.size_length==undefined||item2.size_width==undefined||item2.size_height==undefined">
                    </td>

                    <td style="width:130px;"></td>
                    <td style="width:200px;"></td>
                    <td style="width:230px;"></td>
                    <td style="width:230px;"></td>
                    <!-- CNC機台 -->
                    <td *ngIf="item2.chaidan!=1" class="fontColor"
                        style="width:150px;text-decoration:underline;cursor:pointer;" (click)="addCNC(item2,key,aaa)">
                        <a class="addCNC" *ngIf="!item2.cnc_name || item2.cnc_name === ''"></a>{{item2.cnc_name}}
                    </td>
                    <td *ngIf="item2.chaidan==1" class="fontColor" style="width:150px;">
                    </td>
                    <!--編程期限  -->
                    <td *ngIf="item2.chaidan!=1" style="width:150px;text-align: center">{{item2.end_date == 'null' ? ''
                        : item2.end_date}}</td>
                    <td *ngIf="item2.chaidan==1" style="width:150px;text-align: center"></td>

                    <!-- 预计时间 -->
                    <td *ngIf="item2.chaidan!=1" style="width:150px;text-align: center">{{item2.estimate_time == null ?
                        '' : (item2.estimate_time == '' ? '' : item2.estimate_time + '小時') }}
                    </td>
                    <td *ngIf="item2.chaidan==1" style="width:150px;text-align: center"></td>
                    <!-- 编程备注 -->
                    <td style="width:200px" title={{item2.code_remark}}>
                        <span *ngIf="item2.chaidan!=1"
                            style=" text-overflow: -o-ellipsis-lastline;overflow: hidden; text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 1;line-clamp: 1;-webkit-box-orient: vertical;width: 200px;">
                            {{item2.code_remark}}
                        </span>
                    </td>
                    <!--退單備註  -->
                    <td style="width:200px" title={{item2.remark}}>
                        <span *ngIf="item2.chaidan!=1"
                            style=" text-overflow: -o-ellipsis-lastline;overflow: hidden; text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 1;line-clamp: 1;-webkit-box-orient: vertical; cursor: pointer;width: 200px;">{{item2.remark}}
                        </span>
                    </td>
                    <td style="width:150px"></td>
                    <td style="width:150px;"></td>
                    <td style="width:150px"></td>
                    <td></td>
                </tr>
                <tr [(nzExpand)]="item2.expand" *ngFor="let fdlistdata of fdlist[key][aaa]">
                    <td style="width:50px; background: #000;"></td>
                    <td style="width:50px; background: #000;"></td>
                    <td style="width:50px; background: #000;"></td>
                    <td style="width:50px; background: #000;"></td>

                    <td style=" width:50px;color: rgba(48,73,77,1);background: #000;"></td>
                    <td style="width:230px;text-align: left;background: #000;" title="{{fdlistdata.workorder}}">
                        <span
                            style=" text-overflow: -o-ellipsis-lastline;overflow: hidden; text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 1;line-clamp: 1;width: 250px;">{{fdlistdata.workorder}}</span>
                    </td>
                    <td style="width:150px;background: #000;"></td>
                    <td style="width:150px;background: #000;"></td>
                    <td style="width:150px;background: #000;"></td>

                    <td style="width:130px;background: #000;"></td>
                    <td style="width:200px;background: #000;"></td>
                    <td style="width:230px;background: #000;"></td>
                    <td style="width:230px;background: #000;"></td>
                    <!-- CNC機台 -->
                    <td class="fontColor" style="background: #000;width:150px;text-decoration:underline;cursor:pointer;"
                        (click)="addCNC(fdlistdata,key,aaa)">
                        <a class="addCNC"
                            *ngIf="!fdlistdata.cnc_name || fdlistdata.cnc_name === ''"></a>{{fdlistdata.cnc_name}}
                    </td>
                    <!--編程期限  -->
                    <td style="background: #000;width:150px;text-align: center">{{fdlistdata.end_date == 'null' ? '' :
                        fdlistdata.end_date}}</td>
                    <!-- 预计时间 -->
                    <td style="background: #000;width:150px;text-align: center">{{fdlistdata.estimate_time == null ? ''
                        : (fdlistdata.estimate_time == '' ? '' : fdlistdata.estimate_time + '小時') }}
                    </td>
                    <!-- 编程备注 -->
                    <td style="background: #000;width:200px;" title={{fdlistdata.code_remark}}>
                        <span
                            style=" text-overflow: -o-ellipsis-lastline;overflow: hidden; text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 1;line-clamp: 1;-webkit-box-orient: vertical;width: 200px;">
                            {{fdlistdata.code_remark}}
                        </span>
                    </td>
                    <!--退單備註  -->
                    <td style="background: #000;width:200px;" title={{fdlistdata.remark}}>
                        <span
                            style=" text-overflow: -o-ellipsis-lastline;overflow: hidden; text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 1;line-clamp: 1;-webkit-box-orient: vertical; cursor: pointer;width: 200px;">{{fdlistdata.remark}}
                        </span>
                    </td>
                    <td style="background: #000;width:150px;"></td>
                    <td style="background: #000;width:150px;"></td>
                    <td style="background: #000;width:150px;"></td>
                    <td style="background: #000;"></td>
                </tr>
            </ng-container>
        </tbody>
    </nz-table>
    </td>
    </tr>
    </ng-container>
    </tbody>
    </nz-table>

    <!-- 取消工单 -->
    <!-- <nz-modal [(nzVisible)]="isVisible" nzTitle="刪除" (nzOnCancel)="handleCancel()" (nzOnOk)="handleOk()"
        [nzOkLoading]="isOkLoading" [nzMaskStyle]="{backgroundColor:'rbga(48,73,77,.05)'}"
        [nzBodyStyle]="{height:'200px',background:'rgba(31,46,49,1)',color:'#ffffff',fontSize:'20px',fontWight:'300',textAlign:'center',lineHeight:'200px'}">
        <p>確認取消這個工聯單嗎？</p>
    </nz-modal> -->
    <nz-modal [(nzVisible)]="isVisible" nzTitle="刪除" (nzOnCancel)="handleCancel()" (nzOnOk)="handleOk()"
        [nzOkLoading]="isOkLoading" [nzMaskStyle]="{backgroundColor:'rbga(48,73,77,.05)'}"
        [nzMaskStyle]="{backgroundColor:'rbga(48,73,77,.05)'}"
        [nzBodyStyle]="{height:'200px',background:'rgba(31,46,49,1)',color:'#ffffff',fontSize:'20px',textAlign:'center',lineHeight:'20px'}">
        <textarea placeholder="輸入刪除工單原因" nz-input [(ngModel)]="auditRemark2" [nzAutosize]="{ minRows: 7, maxRows: 6 }"
            class="deRemark"></textarea>
    </nz-modal>
    <nz-modal [(nzVisible)]="isVisible2" nzTitle="Bypass!" (nzOnCancel)="handleCancel2()" (nzOnOk)="handleOk2()"
        [nzOkLoading]="isOkLoading" [nzMaskStyle]="{backgroundColor:'rbga(48,73,77,.05)'}"
        [nzBodyStyle]="{height:'200px',background:'rgba(31,46,49,1)',color:'#ffffff',fontSize:'20px',fontWight:'300',textAlign:'center',lineHeight:'200px'}">
        <nz-radio-group [(ngModel)]='Bypassa'>
            <label nz-radio nzValue="二次加工" style="color: #Fff;">二次加工</label>
            <label nz-radio nzValue="治具組裝" style="color: #Fff;">治具組裝</label>
        </nz-radio-group>
    </nz-modal>
    <nz-modal [(nzVisible)]="isVisible3" nzTitle="Bypass!!" (nzOnCancel)="handleCancel3()" (nzOnOk)="handleOk3()"
        [nzOkLoading]="isOkLoading" [nzMaskStyle]="{backgroundColor:'rbga(48,73,77,.05)'}"
        [nzBodyStyle]="{height:'200px',background:'rgba(31,46,49,1)',color:'#ffffff',fontSize:'20px',fontWight:'300',textAlign:'center',lineHeight:'200px'}">
        <p>確認將此工單Bypass至{{Bypassa}}嗎？</p>
    </nz-modal>
    <!-- 添加19码 -->
    <nz-modal class="add" [(nzVisible)]="add19code" nzTitle="添加19碼" (nzOnCancel)="CancelAdd19Code()"
        (nzOnOk)="add19CodeOk()" [nzOkLoading]="isOkLoading19Code" style="text-align:center"
        [nzMaskStyle]="{backgroundColor:'rbga(48,73,77,.05)'}"
        [nzBodyStyle]="{height:'230px',background:'rgba(31,46,49,1)',color:'#ffffff',fontSize:'20px',textAlign:'center',lineHeight:'20px'}">
        <div style="height:15px;"></div>
        <span *ngIf="show19code" style="font-size:18px;">當前最後使用的19碼為：{{newCode19}}</span>
        <input type="text" [(ngModel)]="first" name="value1" class="FirstCode19" maxlength="19">
        <div style="margin:2%">|</div>
        <input type="text" [(ngModel)]="tail" name="value2" class="TailCode19" maxlength="19">
    </nz-modal>

    <!-- 指派CNC -->
    <nz-modal [(nzVisible)]="addCNCData" nzTitle="指派CNC" (nzOnCancel)="CancelAddCNC()" (nzOnOk)="AddCNCOK()"
        [nzOkLoading]="isOkLoadingCNC" style="text-align:center" nzWidth='600px'
        [nzBodyStyle]="{height:'325px',color:'#ffffff',fontSize:'18px',textAlign:'center',lineHeight:'20px'}">
        <div style="text-align:left;border-bottom: 1px solid rgba(48,73,77,1);line-height: 45px;">
            <div class="addEng"></div>
            <span class="designTime">加工日期：</span>
            <nz-date-picker [(ngModel)]="coderq"></nz-date-picker> &nbsp;
            <span>班次：</span>
            <nz-radio-group [(ngModel)]="bbcc">
                <label nz-radio nzValue="白班" style="color:#ffffff">白班</label>
                <label nz-radio nzValue="晚班" style="color:#ffffff">晚班</label>
            </nz-radio-group>
        </div>
        <div style="text-align:left;border-bottom: 1px solid rgba(48,73,77,1);line-height: 45px;">
            <span class="designTime">加工期限：</span>
            <nz-date-picker [(ngModel)]="code_end_date"></nz-date-picker> &nbsp;
            <span>預計時間：</span>
            <nz-input-number [(ngModel)]="code_time" [nzMin]="0" [nzStep]="0.1"></nz-input-number>&nbsp;
            <span>小時</span>
        </div>
        <div>
            <nz-table class="tb_Eng" #rowSelectionTable [nzShowPagination]="false" nzShowSizeChanger [nzData]="CNCData"
                (nzCurrentPageDataChange)="currentPageDataChange($event)" style="height: 230px;overflow: auto;">
                <tbody>
                    <tr *ngFor="let data of Radio let key = index" id="eng_hover">
                        <td style="width:70px"></td>
                        <td style="padding-left: 4px;text-align: left">
                            <nz-radio-group [(ngModel)]="radioValue" (ngModelChange)="selectCNC(radioValue)">
                                <label nz-radio [nzValue]="data.value" style="color:#ffffff">{{data.label}}</label>
                            </nz-radio-group>
                        </td>

                        <!-- <td></td> -->
                        <!-- <td>{{data.name}}</!-->
                    </tr>

                </tbody>
            </nz-table>
            <div style="margin-left: -345px; padding: 15px;">
                <nz-switch [(ngModel)]="plzp">
                </nz-switch>批量指派
            </div>

        </div>
    </nz-modal>
    <!-- 指派CNC -->
    <nz-modal [(nzVisible)]="addCNCData2" nzTitle="批量指派" (nzOnCancel)="CancelAddCNC2()" (nzOnOk)="AddCNCOK2()"
        [nzOkLoading]="isOkLoadingCNC" style="text-align:center" nzWidth='600px'
        [nzBodyStyle]="{height:'325px',color:'#ffffff',fontSize:'18px',textAlign:'center',lineHeight:'20px'}">
        <div style="height: 30px; display: flex; text-align: center;">
            <div style="width:70px;"></div>
            <div style="flex: 1; line-height: 30px;">工聯單號</div>
            <div style="flex: 1; line-height: 30px;">工件號</div>
        </div>
        <div>
            <nz-table class="tb_Eng" #rowSelectionTable [nzShowPagination]="false" nzShowSizeChanger [nzData]="CNCData"
                (nzCurrentPageDataChange)="currentPageDataChange($event)" style="height: 295px;overflow: auto;">
                <tbody>
                    <tr *ngFor="let data of Radio2 let key = index" id="eng_hover">
                        <td style="width:70px"> <label nz-checkbox [(ngModel)]="data.checked"
                                (ngModelChange)=Radio2a(data)></label>
                        </td>
                        <td style="padding-left: 4px;text-align: left">
                            {{data.unionorder}}
                        </td>
                        <td>
                            {{data.workorder}}
                        </td>
                    </tr>
                </tbody>
            </nz-table>
        </div>
    </nz-modal>


    <!-- 下载文件 -->
    <nz-modal [(nzVisible)]="fileInfom" nzTitle="文件信息" (nzOnCancel)="CancelShow()" (nzOnOk)="ShowOK()"
        [nzOkLoading]="isOkLoadingfileInfom" style="text-align:center;" nzWidth='1000px'
        [nzBodyStyle]="{height:'600px',background:'rgba(31,46,49,1)',color:'#ffffff',fontSize:'18px',textAlign:'center',lineHeight:'20px'}">
        <div class="addEng"></div>
        <nz-table class="tb_file" [nzShowPagination]="false" [nzData]="listOfData"
            style="height: 555px;overflow: auto;">
            <thead>
                <tr style="height:20px;">
                    <th style="min-width:250px;text-align:center">文件名稱</th>
                    <th style="min-width:250px;text-align:center">上傳時間</th>
                    <th style="min-width:100px;text-align:center">文件狀態</th>
                    <th style="min-width:250px;text-align:center">備註</th>
                    <th style="min-width:50px;text-align:center"></th>
                </tr>
            </thead>
            <tbody class="upload">
                <tr *ngFor="let data of listOfData let key = index" class="list_hover"
                    style="text-align:center !important;">
                    <td
                        style="max-width:250px;text-align:center;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;cursor:pointer;">
                        <a [href]="link" [download]="data.file_name" (click)="downLoadFile(data)">
                            {{data.file_name}}
                        </a>
                    </td>
                    <td style="width:250px;text-align:center">{{data.upload_time}}</td>
                    <!-- 审核状态 -->
                    <td style="width:100px;text-align:center" *ngIf="data.file_status === 0" ngDefaultControl
                        [(ngModel)]="fileStatus">
                        <a class="addAudit" (click)="ClickAudit(data, key)"></a>
                    </td>
                    <td style="width:100px;text-align:center" *ngIf="data.file_status != 0">
                        {{data.file_status === 1 ? '已審核' : '已退回' }}
                    </td>

                    <td style="width:250px;text-align:center">{{data.remark}}</td>

                    <td style="width:50px;text-align:center">
                        <a class="delFile" (click)="showDelFile(data)"></a>
                    </td>
                    <!-- <td style="visibility:hidden"></td> -->
                </tr>
            </tbody>
        </nz-table>
    </nz-modal>
    <!-- 添加編程备注 || 主管审核  -->
    <nz-modal class="audit" [(nzVisible)]="addAudit" nzTitle="審核" (nzOnCancel)="CancelAudit()" (nzOnOk)="auditOk()"
        [nzOkLoading]="isOkLoadingAudit" style="text-align:center"
        [nzMaskStyle]="{backgroundColor:'rbga(48,73,77,.05)'}"
        [nzBodyStyle]="{height:'200px',background:'rgba(31,46,49,1)',color:'#ffffff',fontSize:'20px',textAlign:'center',lineHeight:'20px'}">
        <div style="margin-top:20px">
            <textarea placeholder="輸入備註信息" nz-input [(ngModel)]="auditRemark" [nzAutosize]="{ minRows: 2, maxRows: 6 }"
                class="deRemark"></textarea>
        </div>
        <div style="margin-top:20px">
            <nz-tag class="infomTag" *ngFor="let item of infom let key = index " nzMode="checkable"
                [nzChecked]="selectedTags.indexOf(item) > -1" (nzCheckedChange)="handleChange($event, item)">
                {{item.value}}
            </nz-tag>
            <!-- <div *ngFor="let item of infom">{{item.value}}</div> -->
        </div>
    </nz-modal>

    <!-- 删除文件信息 -->
    <nz-modal [(nzVisible)]="isFileVisible" nzTitle="刪除" (nzOnCancel)="handleFileCancel()" (nzOnOk)="delFileOk()"
        [nzOkLoading]="isFileOkLoading" [nzMaskStyle]="{backgroundColor:'rbga(48,73,77,.05)'}"
        [nzBodyStyle]="{height:'200px',background:'rgba(31,46,49,1)',color:'#ffffff',fontSize:'20px',fontWight:'300',textAlign:'center',lineHeight:'200px'}">
        <p>確認刪除這個文件信息嗎？</p>
    </nz-modal>
</div>

<!-- </div> -->